body {
    font-family: "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", Georgia, "Times New Roman", Arial, sans-serif;
}

* {
    margin: 0px;
    padding: 0px;
}


.content {
    width: 80%;
    margin: 0 auto;
}
.warp{
    width: 80%;
    margin: 0 auto;
}
.zd {
    width: 30%;
    height: 50px;
    float: left;
    padding: 0px;
}

.zd ul li {
    list-style: none;
    position: relative;
}

.zd ul li a {
    float: left;
    text-decoration: none;
    color: #666;
    padding-right: 20px;
    font-size: 14px;
    line-height: 50px;
}

.zd ul li a:hover {
    color: #f60!important;
}

.qin {
    color: #f60!important;
}

.zd ul li ul {
    z-index: 2;
    background: white;
    left: 149px;
    width: 139px;
    height: 151px;
    float: left;
    position: absolute;
    top: 50px;
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    display: none;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.zd ul li ul a {
    line-height: 35px;
    padding-left: 15px;
}
/* .zd ul li ul{
display: block;
} */

.zd ul li:hover ul {
    display: block;
}




.jt b {
    border-color: #ccc rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid dashed dashed;
    border-width: 7px;
    font-size: 0;
    height: 0;
    line-height: 0;
    position: absolute;
    top: 23px;
    left: 226px;
    width: 0;
    font-family: sitenaviconfont;
}

.jt:hover b {
    border-color: #ccc rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    transform: rotate(180deg);
    transform-origin: 50% 30% 0;
    transition: transform 0.2s ease-in 0s;
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 30% 0;
    -moz-transition: transform 0.2s ease-in 0s;
}
/* 右边 */

.yb {
    width: 70%;
    float: right;
}
.yb ul{
    float: right;
}
.yb ul li {
    float: left;
    list-style: none;
    position: relative;
}

.yb ul li a {
    float: left;
    text-decoration: none;
    color: #666;
    padding-right: 40px;
    font-size: 14px;
    line-height: 50px;
}

.yb ul li a:hover {
    color: #f60;
}

.yb ul li ul {
    z-index: 3;
    background: white;
    left: -15px;
    width: 139px;
    height: 151px;
    float: left;
    position: absolute;
    top: 50px;
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    display: none;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.yb ul li ul a {
    line-height: 35px;
    padding-left: 15px;
}

.yb ul li:hover ul {
    display: block;
}


.at b {
    border-color: #ccc rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid dashed dashed;
    border-width: 7px;
    font-size: 0;
    height: 0;
    line-height: 0;
    position: absolute;
    top: 23px;
    left: 58px;
    width: 0;
    font-family: sitenaviconfont;
}

.at:hover b {
    border-color: #ccc rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    transform: rotate(180deg);
    transform-origin: 50% 30% 0;
    transition: transform 0.2s ease-in 0s;
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 30% 0;
    -moz-transition: transform 0.2s ease-in 0s;
}

.ct b {
    border-color: #ccc rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid dashed dashed;
    border-width: 7px;
    font-size: 0;
    height: 0;
    line-height: 0;
    position: absolute;
    top: 23px;
    left: 30px;
    width: 0;
    font-family: sitenaviconfont;
}

.ct:hover b {
    border-color: #ccc rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    transform: rotate(180deg);
    transform-origin: 50% 30% 0;
    transition: transform 0.2s ease-in 0s;
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 30% 0;
    -moz-transition: transform 0.2s ease-in 0s;
}


.col-lg-6 {
    margin-left: 136px;
}

.bk {
    height: 40px;
    border: 2px solid #f50;
}

.bk:active {
    background: #f50;
}

.button {
    height: 40px;
    width: 96px;
    color: white;
    background: #f50;
    border: 2px solid #f50;
    border: none;
}

.button:hover {
    background-color: #e65c17;
    color: white;
}

.photo {
    width: 165px;
    height: 40px;
    background: url(http://img.alicdn.com/tps/TB1ViHHLXXXXXbAXpXXXXXXXXXX-165-40.png);
}

.seach {

    padding: 75px 0px 40px 0px;
}

.nav li a {
    text-decoration: none;
    float: left;
    color: #666;
}

.daohang li a {
    color: #666;
    font-size: 18px;
    padding: 6px 62px;
}

.daohang li a:hover {
    color: #f50;
}

.daohang li:hover {
    background: #e6e6e6;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #ff8041;
    padding: 6px 95px;
    border-radius: 0;
}

.cd ul li {
    list-style: none;
    height: 91px;
    line-height: 66px;
    border-bottom: 1px solid #e0e0e0;
    border-style: center;
    position: relative;
}
/* .cd ul li a{
width: 226px;
height: 30px;
padding: 0px;
color: #333;
float: right;

} */
/* 导航 */

.cd ul li:hover {
    background: white;
}

.cd ul {
    position: absolute;
    top: 37px;
    width: 226px;
    background: #e6e6e6;
}

.extension {
    top: -5px;
    margin-top: 30px;
    position: absolute;
    left: 68px;
    color: #999;
}

.tupian img {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 2;
    top: 15px;
    left: 16px;
}

.tupian {
    z-index: 3;
    display: block;
}


.tupian li a {
    margin: 0px 0px 0px 70px;
    padding: 0px;
}


.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}
/* 导航 */
/* 广告 */

.banner {
    width: 100%;
    height: 370px;
    background: url(images/5.jpg);
    border-top: 2px solid #f40;
}
/* 广告 */
/* 公告开始 */

.loginbar {
    height: 475px;
    width: 335px;
    background: white;
    float: right;
    z-index: 4;
    /* margin-right: 117px; */
    position: relative;
}

.huiyuan {
    margin: 20px 0px;
}

.huiyuan a {
    margin-left: 40px;
    text-decoration: none;
    color: #f40;
}

.img-circle {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 72px;
    left: 97px;
}

.btn-success {
    color: #fff;
    background-color: #f40;
}

.buttons {
    position: relative;
    background-color: #f40;
    border: none;
    font-size: 18px;
    color: #FFFFFF;
    padding: 5px 55px;
    border-radius: 5px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    margin: 200px 0px 15px 42px;
}

.buttons:after {
    content: "";
    background: #f52b00;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px!important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
}

.buttons:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}

.pillsaa li a {
    width: 109px;
    text-align: center;
}
.nav-pills>li>a {
border-radius: 0px;
}

.pillsaa li a:hover {
    background: #eee;
    color: #f50;
}

.pillsaa li ul li {
    list-style: none;
}

.pillsaa li ul li a {
    width: 311px;
    padding: 5px 0px;
    color: #333;
    text-align: left;
}

.pillsaa li ul li a:hover {
    color: #f50;
}

.pillsbw {
    width: 335px;
    height: 166px;
    border: 1px solid #ddd;
}

.pillsaa li ul {
    width: 335px;
    height: 120px;
    position: absolute;
    top: 40px;
    float: left;
    padding-left: 23px;

}

.pill-a {
    left: -111px;
    /* overflow:hidden; */
}

.pill-s {
    left: -222px;
}
.pill-j a{
    text-align: center;
}
/* 公告结束 */
/* 步骤 */

.col-md-1 {
    width: 14.333333%;
    color: #666;
    margin-top: 20px;
}

.col-md-1 p {
    float: left;
    font-size: 35px;
    font-style: oblique;
    color: #666;
    margin-right: 5px;
}

.step {
    padding: 15px 226px;
    background: #F7F7FA;
}

.col-md-1 h1 {
    margin: 0;
    padding: 0px;
    font-size: 24px;
    color: #666;
}

.step-a {
    line-height: 10px;
    position: relative;
    height: 60px;
    margin-top: 20px;
    position: relative;
}

.step-a img {
    width: 40px;
    height: 40px;
    position: absolute;
    left: -28px;
    top: 4px;
    color: #666;
}

.col-md-1 a {
    text-decoration: none;
    color: #666;
    line-height: 26px;
    font-size: 14px;
}

.col-md-1 a:hover {
    color: #f50;
}

.course {
    margin-top: 30px;
}
/* 步骤 */
/* 第一个 */
.recommend {
    margin-left: 25px;
}
.glyphicon {
    left: -25px;
    top: 45px;
    font-size: 20px;
}

.banners img {
    border-top: 2px solid #f40;
    width: 100%;
    height: 159px;
}

.banner-bw {
    height: 405px;
}

.banner-n {
    width: 714px;
    height: 405px;
    float: left;
    border-top: 3px solid #ed495e;
}

.banner-n img {
    width: 357px;
    height: 418px;
    float: left;
}

.banner-v {
    width: 714px;
    height: 405px;
    float: right;
    border-top: 3px solid #a44bd0;
}

.banner-n a img:hover {
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.banner-v a img:hover {
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.banner-v img {
    width: 357px;
    height: 418px;
    float: left;
}

.img-thumbnail {
    border-radius: 0;
}

.img-th {
    border-right: 0px;
}
/* 第一个 */
/* 第二个 */

.banner-bx {
    height: 242px;
}

.banner-bx img {
    width: 380px;
    height: 150px;
    margin: 0;
    float: left;
}

.banner-z a img:hover {
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.img-tc {
    border-right: 0px;
    border-top: 0;
}

.banner-z {
    width: 100%;
    height: 240px;
    border-top: 2px solid #f28430;
}
/* 第二个 */
/* 第三个 */

.banner-x {
    border-top: 2px solid #f28430;
}

.banner-x img {
    width: 507px;
    height: 203px;
    margin: 0;
    float: left;
}

.banner-x a img:hover {
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
/* 第三个 */

.footer {
    height: 194px;
}

.footer ul li a {
    text-decoration: none;
    color: #666;
    font-size: 12px;
}

.footer ul li a:hover {
    color: #050505;
}

.footer-t b {
    color: #DDD;
}

.footer-t li {
    margin-bottom: 10px;
}

.footer img {
    width: 40px;
    height: 42px;
    color: #ccc;
}

.img-tr {
    border-top: 0;
}